<!doctype html>
<html ng-app="myApp">
<head>
  <title>Configuration Management</title>
  <link rel="stylesheet" type="text/css" 
      href="/static/css/configuration_styles.css" />
</head>
<body>
  <div ng-controller="projectController">
    <table>
            <tr ng-repeat="student in students|filter:titleFilter">
                <td title="'Name'">
                    <span ng-if="!student.$edit">{{student.Name}}</span>
                    <div ng-if="student.$edit">
                        <input class="form-control" type="text" ng-model="student.Name">
                    </div>
                </td>
                <td title="'Id'">
                    <span ng-if="!student.$edit">{{student.Id}}</span>
                    <div ng-if="student.$edit">
                        <input class="form-control" type="text" ng-model="student.Id">
                    </div>
                </td>
                <td title="'Grade'">
                    <span ng-if="!student.$edit">{{student.Grade}}</span>
                    <div ng-if="student.$edit">
                        <input class="form-control" type="text" ng-model="student.Grade">
                    </div>
                </td>
                <td title="'Actions'" width="200">
                    <a href="" ng-if="!student.$edit" class="btn btn-default btn-xs" ng-click="student.$edit=true">Edit</a>
                    <a href="" ng-if="student.$edit" class="btn btn-default btn-xs" ng-click="student.$edit=false">Save</a>
                    <a ng-click="deleteStudent(obj)" ng-if="student.$edit" class="btn btn-default btn-xs">Delete</a>
                    <a ng-click="deleteStudent($index)" ng-if="student.$edit" class="btn btn-default btn-xs" >删除选定行</a>
                </td>
            </tr>
        </table>
    <div id="main">
      <div ng-include="content"></div>
    </div>
  </div>
  <script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
  <script src="/static/js/configuration_app.js"></script>
</body>
</html>